html, body {
	margin:0;
	padding:0px;
	background:#000;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	color:#000262;
	text-decoration:none
}
a:hover {
	color:#FFF
}
a:visited {
	color:#000262;
	text-decoration:none
}
#container {
	/*width: 1060px;*/
	max-width: 1060px; /*une valeur « max-width » peut s'avérer utile pour éviter que cette mise en page ne soit trop large sur un moniteur de grande taille. La lisibilité de la longueur de ligne est ainsi améliorée. IE6 ne tient pas compte de cette déclaration. 
	min-width: 590px; une valeur « min-width » peut s'avérer utile pour éviter que cette mise en page ne soit trop étroite. La longueur de ligne est ainsi plus lisible dans les colonnes latérales. IE6 ne tient pas compte de cette déclaration. */
	background: #4E5869;
	margin:0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page. Elle n'est pas nécessaire si vous fixez la largeur du conteneur à 100%*/
}
#content {
/*	position:relative;*/
	overflow:auto;
/*	left: 350px;*/
	width: 600px;
	bottom:0px;
	top:100px;
	background:#FFF;
	padding-bottom: 10px;
	margin:auto;
	float: left;
	max-height:800px;
}
#sidebar1 {
	overflow:auto;
	float:left;
	width: 280px;
	bottom:0px;
	top:100px;
	background: #93A5C4;
	padding-bottom: 10px;
	max-height:800px;
}
#sidebar2 {
	/*position:relative;
	overflow:auto;
	left:760px;*/
	width: 180px;
	bottom:0px;
	top:100px;
	background: #93A5C4;
	padding-bottom: 10px;
	float: left;
	max-height:800px;
}
#header {
/*	position:relative;
	left:0px;*/
	background: #6F7D94;
	height:100px;
/*	display:block;
	width:760px;*/
}
/* ~~ Styles de liste de navigation (peuvent être supprimés si vous optez pour un menu de survol prédéfini tel que Spry) ~~ */
ul.nav {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	/*border-top: 1px solid #666; /* crée la bordure supérieure des liens ; les autres sont placées à l'aide d'une bordure inférieure sur la balise LI */
	margin-bottom: 0px;
	text-align: left;
	margin: 0;
}
ul.nav li {
	border-bottom: 1px solid #666; /* crée la séparation des boutons */
}
ul.nav a, ul.nav a:visited { /* le regroupement de ces sélecteurs garantit que vos liens conservent leur apparence de bouton, même après avoir été activés */
	padding: 5px 5px 5px 15px;
	display:block; /* attribue au bloc de liens des propriétés qui lui font remplir toute la balise LI qui le contient. Force la zone entière à réagir à un clic de souris. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* modifie la couleur de l'arrière-plan et du texte pour les navigateurs à la souris et au clavier. */
	background: #6F7D94;
	color: #FFF;
}
span.vert {
	color: #0C0;
}
h1 {
	font-size: 18pt;
	text-align: center;
	margin-top: auto;
	margin-bottom: auto
}
h2 {
	font-size: 16pt;
	text-align: center;
	margin-top: auto;
	margin-bottom: auto
}
.au_fer {
	text-indent: 0pt;
	margin-top: 0px;
	margin-bottom: 0px
}
.vers {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 48pt;
	font-size: 9pt;
}
.centre {
	text-align: center;
	text-indent: 0px;
}
.onze_points {
	font-size: 11pt
}
.dix_points {
	font-size: 8pt;
	color: #06F;
	font-style: inherit;
}
span.quatorze_points {
	font-size: 12pt;
}
h3 {
	font-size: 14pt;
	text-align: center;
	font-style: normal;
}
p {
	font-size: 10pt;
	margin: 7pt;
	text-indent: 30pt;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: inherit;
}
.rouge {
	color: #FF0000;
}
.douze_points {
	font-size: 10pt;
}
.bleu {
	color: #3366FF;
}
.PETITES_CAP {
	font-size: 11px;
}
.gris {
	color: #939393;
}
span.orange {
	color: #F60;
}
span.noir {
	color: #000;
}